{extend name="common/base" /}

{block name="style"}
<style>
    body{
        background: #F5F5F5;
        overflow-y: scroll;
    }

    .pay-btn{
        width: 1.2rem;
        height: 0.35rem;
        line-height: 0.35rem;
        color: #fff;
        font-size: 0.15rem;
        background: #39B7FF;
        border-radius: 25px;
        margin: 0 auto;
        text-align: center;
    }

    .ddxq-top-ps4{
        color:#999999;
    }
</style>
{/block}
{block name="body"}
<div class="ddxq-mains">
    <div class="ddxq-top">
        {switch name="$order_info.status"}
        {case value="10"}
        <p class="ddxq-top-ps">已完成</p>
        <p class="ddxq-top-ps2">感谢你的支持，期待再次光临</p>
        {/case}
        {case value="0"}
        <p class="ddxq-top-ps">待支付</p>
        <a href="{:url('selPay',['out_trade_no'=>$order_info['order_no']])}"><div class="pay-btn">支付</div></a>
        {/case}
        {case value="20"}
        <p class="ddxq-top-ps" style='color:#999999;'>已取消</p>
        <p class="ddxq-top-ps2">超过5分钟未支付自动取消<br/>积分和优惠券会自动退回到您的账户</p>
        {/case}
        {/switch}
        <p class="ddxq-top-ps3">购物明细</p>
        <ul class="ddxq-top-nav">
            {foreach $order_info.goods_list as $goods }
            <li>
                <img src="__OSSCDN__{$goods.goods_logo}" class="top-img">
                <div class="top-left">
                    <p class="top-left-p">【{$goods.brand_title}】{$goods.goods_title}{notempty name="$goods.goods_model"},{$goods.goods_model}{/notempty}{notempty name="$goods.goods_spec"},{$goods.goods_spec}{/notempty}</p>
                    <p class="top-left-p2">X{$goods.buy_num}</p>
                    <p class="top-left-p2 top-left-p3">{$goods.selling_price}元</p>
                </div>
            </li>
            {/foreach}
        </ul>
    </div>
    <div class="jj">
        <ul class="ddxq-cen">
            <li>
                <span class="span1">商品总额</span>
                <span class="span2 span3">{$order_info.goods_price}元</span>
            </li>
            <li>
                <span class="span1">优惠券抵扣</span>
                <span class="span2">-{$order_info.coupon_discount}元</span>
            </li>
            <li>
                <span class="span1">积分抵扣</span>
                <span class="span2">-{$order_info.score_discount}元</span>
            </li>
            <li>
                <span class="span1">满减</span>
                <span class="span2">-{$order_info.other_discount}元</span>
            </li>
            <li>
                <span class="span1">实付</span>
                <span class="span2 span3">{$order_info.real_price}元</span>
            </li>                     
        </ul>
        <div class="jf-li1">
            <span>本单可获积分</span>
            <span class="ll">{$order_info.give_score}积分</span>
        </div> 
    </div> 
    <ul class="ddxq-nav">
        <li>
            <span class="span1">下单时间</span>
            <span class="span2">{$order_info.createtime}</span>           
        </li>
        <li>
            <span class="span1">订单编号</span>
            <span class="span2">{$order_info.order_no}</span>           
        </li>          
    </ul>       
</div>
{/block}
{block name="script"}
<script>
</script>
{/block}